<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">  
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>${seo.title!''}</title>
	<meta name="description" content="${seo.describe!''}"/>
    <meta name="keywords" content="${seo.keyword!''}"/>
	<link href="/images/favicon.png" rel="shortcut icon" />
	<link rel="stylesheet" type="text/css" th:href="@{css/reception/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/reception/style.css}"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width:1199px)" th:href="@{css/reception/phone.css}"/>
	<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<![endif]-->
	<script>
	var _hmt = _hmt || [];
	(function() {
  		var hm = document.createElement("script");
  		hm.src = "https://hm.baidu.com/hm.js?ee2370df92169848f6c4395d9d488fc1";
  		var s = document.getElementsByTagName("script")[0]; 
  		s.parentNode.insertBefore(hm, s);
	})();
</script>
</head>
<body>
	<div id="aboutUs">
		<nav class="nav"></nav>
		<section>
			<div class="aboutUs banner">
				<div>
					<img src="images/aboutUs/aboutUs_bg1.png" title="深圳市加力运动科技有限公司" alt="深圳市加力运动科技有限公司">
				</div>
			</div>
			<div class="aboutUs_con bg_eee visible" id="profile">
				<div class="w1200 clearfloat" style="text-align: center;padding:80px 0;overflow: hidden;">
					<h5 class="fadeinR">公司简介</h5>
					<div class="introduce visible">
						<div class="left">
							<p>加力运动科技有限公司主要从事运动科技教育、互动康复两大业务。在中国香港和深圳均设有研发基地。</p>
							<p>加力运动科技旗下品牌GARLICFIT专注于少儿体能提升解决方案，运用加力自主研发的前沿视频运动跟踪与交互系统打造的智能测试&训练系统，帮助青少儿群体完成从体质测试、体能提升、专项训练的一体化解决方案。同时，加力采用Games+全人教育的科学理念，培养和适应儿童多方位发展的学习要求，让孩子们从心智、身体和心理上得到全面发展。</p>
							<p>加力团队以“让一亿青少儿健康快乐成长”为奋斗目标，致力为中国青少年儿童的健康事业做出贡献！</p>
						</div>
						<div class="left" style="padding-left: 45px;height: 25.6vw;max-height: 308px;">
							<img src="images/aboutUs/featureWall.png" title="加力运动科技" alt="加力运动科技">
						</div>
					</div>
				</div>
			</div>
			<div class="aboutUs_con yj visible">
				<div class="w1200 aboutUs_tag clearfloat">
					<div class="left bg_f69f08">
						<h6>愿景</h6>
						<p>让一亿青少儿健康快乐地成长</p>
					</div>
					<div class="left bg_707070">
						<h6>使命</h6>
						<p>以科技之力   强壮中国青少年</p>
					</div>
				</div>
			</div>
			<div class="aboutUs_con visible" id="contentUS">
				<div class="w1200 clearfloat" style="padding:60px 0 70px;">
					<div class="contact_us bg_f69f08">
						<div class="us">
							<div>联系我们 <br> 0755-2219 5252</div>
						</div>
						<ul>
							<li>
								<div>
									<div id="allmap"></div>
								</div>
								<div>
									<p>深圳市加力运动科技有限公司</p>
									<p>深圳分部</p>
									<p>地址：深圳市罗湖区嘉宾路太平洋商贸大厦B座808-810室（总部）</p>
									<p>手机：180-2539-5671</p>
									<p>电话号码：0755-2219-5252</p>
									<p>香港分部</p>
									<p>地址：香港新界沙田安丽街18号达利广场18楼15室（香港分部）</p>
									<p>电话：（852）3590-3232</p>
									<p>传真：（852）3590-3232</p>
								</div>
							</li>
							<li class="messageDetail">
								<span>在线留言</span>
								<div class="messageText">
									<div>
										<input type="text"  id="name" class="form-control" placeholder="姓名">
										<input type="text"  id="phone" class="form-control" placeholder="电话">
										<span class="text_phone">*手机号码有误，请重填</span>
										<input type="text"  id="email" class="form-control" placeholder="邮箱">
									</div>
									<div>
										<textarea class="form-control" id="content" rows="4"></textarea>
										<div class="und">0755-2219 5252  qq：23188633515 Email：sales@m3games.com</div>
									</div>
								</div>
									<button type="button" class="btn btn-default" id="submitAll" data-toggle="modal" data-target="#myModal">提交留言</button>
								<!-- 弹框 -->
								<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="top: 40%;">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-body">
												申请成功
											</div>
											<div class="modal-footer">
												<button type="button" class="btn modal-btn" 
														data-dismiss="modal">关闭
												</button>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="footer"></div>
		</footer>
	</div>
	<script type="text/javascript" th:src="@{libs/jquery-2.1.0.min.js}"></script>
	<script type="text/javascript" th:src="@{libs/bootstrap.min.js}"></script>
	<script src="http://api.map.baidu.com/api?v=2.0&ak=i2DOeH078TSdE9ezppIkdK6yI42P2dT8"></script>
    <script type="text/javascript" th:src="@{js/reception/style.js}"></script>
  	<script type="text/javascript">
  		$(function(){
	        var map = new BMap.Map('allmap');
	        var point = new BMap.Point(114.119927,22.545478);
	        map.centerAndZoom(point, 18);
	        var icon = new BMap.Icon('http://api0.map.bdimg.com/images/marker_red_sprite.png', new BMap.Size(39, 25), {
	          anchor: new BMap.Size(10, 30)
	        });
	        var mkr = new BMap.Marker(new BMap.Point(114.119927,22.545478), {
	          icon: icon
	        });
	        map.addOverlay(mkr);
	        map.panTo(114.119927,22.545478);

			var elmArr = [],
			$win = $(window);
			$(".visible").each(function(i,elm){
				$(elm).data("ot",$(elm).offset().top);
				elmArr.push(elm);
			});
			dealClass(1);
			$win.on("scroll",dealClass);

			function dealClass(isRemove){
				var top = $win.height() + $win.scrollTop();
				if(isRemove!=1){
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") <= top){
							$elem.addClass("visible");
							elmArr.splice(i, 1);--i;}
					}
				}else{
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") >= top){
							$elem.removeClass("visible");
						}
					}
				}
			}

		})
  	</script>
</body>
</html>